import banStr from "./ban.css?inline";

const banStyleName = "data-style";

// 文档 中添加style标签
export function addStyles() {
  console.log(banStr);
  const style = document.createElement("style");
  style.setAttribute("data-style-id", banStyleName);
  style.innerHTML = banStr;
  document.head.appendChild(style);
}

// 移除
export function removeStyles() {
  const style = document.querySelector(`[data-style-id="${banStyleName}"]`);
  if (style) {
    document.head.removeChild(style);
  }
}

// 生成添加到body 中 覆盖默认主题颜色
export function genderStyle(color) {
  if (!color) return "";
  const gcssv = (n) => `var(--${color}-${n})`;
  const cssvd = gcssv(6);
  const styles = `--primary-6  :  ${cssvd} ;
  --primary-color :  ${cssvd};
  --primary-5 : ${gcssv(5)}; 
  --primary-7 : ${gcssv(7)}
  `;
  return styles;
}
